body {
    background-color: lightgoldenrodyellow;
}

.cen {
    position: absolute;
    top: 80px;
    width: 100%;
    height: 100px;
}

.text {
    width: 80%;
    height: 60px;
}

.word {
    position: absolute;
    left: 72%;
    top: 10px;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    border: 1px solid black;
}

.center {
    position: absolute;
    top: 18%;
    left: 10%;
    width: 80%;
    height: 250px;
}

.left {
    position: absolute;
    top: 26%;
    left: 10%;
    width: 20px;
    height: 20px;

}

.right {
    position: absolute;
    top: 26%;
    left: 87%;
    width: 20px;
    height: 20px;
}

.one {
    position: absolute;
    top: 55%;
    left: 8%;
    width: 30%;
    height: 500px;
    background-color: rgb(212, 216, 219);
}

.one-top {
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 20px;
    background-color: cadetblue;
}

.one-center {
    position: relative;
    top: 3%;
    left: 5%;
    height: 30px;
    font-size: 20px;
    color: cadetblue;
}

.one-word {
    position: relative;
    top: 7%;
    left: 6%;
    width: 90%;
    height: 20%;
    background-color: rgb(190, 189, 189);
}
.images{
    background-image: url(../images/6.jpg);
    position: relative;
    top: 0px;
    left: 0px;
    width: 180px;
    height: 100px;
    
    background-size: cover;
}
.fu{
    position: absolute;
    top: 40%;
    left: 50%;
}
.one-words {
    position: relative;
    top: 12%;
    left: 6%;
    width: 90%;
    height: 14%;
    background-color: rgb(190, 185, 185);
}

.one-wordss {
    position: relative;
    top: 16%;
    left: 6%;
    width: 90%;
    height: 14%;
    background-color: rgb(190, 189, 189);
}

.one-wordsss {
    position: relative;
    top: 20%;
    left: 6%;
    width: 90%;
    height: 14%;
    background-color: rgb(190, 189, 189);
}
.two {
    position: absolute;
    top: 55%;
    left: 40%;
    width: 30%;
    height: 500px;
    background-color: rgb(212, 216, 219);
}

.two-top {
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 20px;
    background-color: rgb(55, 177, 207);
}

.two-center {
    position: relative;
    top: 3%;
    left: 5%;
    height: 30px;
    font-size: 20px;
    color: rgb(43, 134, 161);
}

.two-word {
    position: relative;
    top: 7%;
    left: 6%;
    width: 90%;
    height: 20%;
}

.two-words {
    position: relative;
    top: 12%;
    left: 6%;
    width: 90%;
    height: 19%;
}

.two-wordss {
    position: relative;
    top: 16%;
    left: 6%;
    width: 90%;
    height: 14%;
}
.three {
    position: absolute;
    top: 55%;
    left: 71%;
    width: 25%;
    height: 600px;
    background-color: rgb(212, 216, 219);
}

.three-top {
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 20px;
   background-color: black;
} 

.three-center {
    position: relative;
    top: 3%;
    left: 5%;
    height: 30px;
    font-size: 20px;
    color: black;
}

.three-word {
    background-image: url("../images/5.jpg");
    position: relative;
    top: 7%;
    left: 6%;
    width: 90%;
    height: 30%;
    background-size: cover;
    background-color: rgb(190, 189, 189);
}

.three-words {
    position: relative;
    top:0;
    left: 6%;
    width: 45%;
    height: 7%;
    background-color: rgb(190, 189, 189);
}

.three-wordss {
    position: absolute;
    top: 55%;
    left: 55%;
    width: 40%;
    height: 7%;
    background-color: rgb(190, 189, 189);
}
.three-wordsss {
    position: absolute;
    top: 67%;
    left: 55%;
    width: 40%;
    height: 7%;
    background-color: rgb(190, 189, 189);
} 
.three-wordssss {
    position: absolute;
    top: 78%;
    left: 55%;
    width: 40%;
    height: 7%;
    background-color: rgb(190, 189, 189);
}
.four{
    position: absolute;
    top: 128%;
    left: 8%;
    width: 62%;
    height: 250px;
    background-color: rgb(212, 216, 219);
}
.four-top {
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 18px;
    background-color: rgb(177, 14, 50);
}

.four-center {
    position: relative;
    top: 3%;
    left: 5%;
    height: 30px;
    font-size: 20px;
    color: rgb(168, 15, 66);
}
.bottom{
    position: absolute;
    top: 170%;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: rgb(135, 138, 141);
    text-align: center;
}